<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>表单管理 - 系统后台 - {$Config.sitename} - by ShuipFCMS</title>
    <AdminTpl file="Admin/Common/Cssjs"/>
    <script type="text/javascript">var catid = "{$catid}";</script>
    <style type="text/css">
        .col-auto {
            overflow: hidden;
            _zoom: 1;
            _float: left;
            border: 1px solid #c2d1d8;
        }
        .col-right {
            float: right;
            width: 210px;
            overflow: hidden;
            margin-left: 6px;
            border: 1px solid #c2d1d8;
        }

        body fieldset {
            border: 1px solid #D8D8D8;
            padding: 10px;
            background-color: #FFF;
        }
        body fieldset legend {
            background-color: #F9F9F9;
            border: 1px solid #D8D8D8;
            font-weight: 700;
            padding: 3px 8px;
        }
        .list-dot{ padding-bottom:10px}
        .list-dot li,.list-dot-othors li{padding:5px 0; border-bottom:1px dotted #c6dde0; font-family:"宋体"; color:#bbb; position:relative;_height:22px}
        .list-dot li span,.list-dot-othors li span{color:#004499}
        .list-dot li a.close span,.list-dot-othors li a.close span{display:none}
        .list-dot li a.close,.list-dot-othors li a.close{ background: url("/static/common/images/cross.png") no-repeat left 3px; display:block; width:16px; height:16px;position: absolute;outline:none;right:5px; bottom:5px}
        .list-dot li a.close:hover,.list-dot-othors li a.close:hover{background-position: left -46px}
        .list-dot-othors li{float:left;width:24%;overflow:hidden;}
    </style>
</head>
<body class="J_scroll_fixed">
    <div class="wrap J_check_wrap">
        <div class="nav">
            <ul class="cc">
                <li class="current">
                    <a href="{:U('Content/classlist', array('catid'=>$catid)  )}">{$category.catname}列表</a>
                </li>
            </ul>
        </div>
        <div class="h_a">温馨提示</div>
        <div class="prompt_text">
            <p>请不要发布违反法律不允许的内容！</p>
        </div>
        <form name="myform" id="myform" action="{:U("Contents/Content/add")}" method="post" class="J_ajaxForms" enctype="multipart/form-data">
              <div class="col-right" id="right_box">
                <div class="table_full">
                    <table width="100%">
                        <!--*********************************************************************************-->
                        <!--右侧的模版-->

                        <!--*********************************************************************************--> </table>
                </div>
            </div>
            <div class="col-auto">
                <div class="h_a">内容</div>
                <div class="table_full">
                    <table width="100%">
                        <!--*********************************************************************************-->
                        <!--默认的模版-->
                        <useTPL id="form_shop_name" formtype="text" field="shop_name" value="$shop_name" name="店铺名称">
                            <setType name="文本框长度">
                                <setVal id="['setting']['size']">50</setVal>
                            </setType>
                            <setType name="默认值">
                                <setVal id="['setting']['defaultvalue']"></setVal>
                            </setType>
                            <!--单选框,下拉-->
                            <setType name="是否为密码框">
                                <setVal id="['setting']['ispassword']" name="否">0</setVal>
                            </setType>
                        </useTPL>
                        <!--默认的模版-->
                        <showTPL name="shop_name">
                            <tr>
                                <th width="80">
                                    {$form['name']}
                                </th>
                                <td> <if condition="$form['star']"> <font color="red">*</font>
                            </if>{$form['form']}{$form['tips']}</td>
                            </tr>
                        </showTPL>
                        <useTPL id="form_shop_address" formtype="text" field="shop_address" value="$shop_address" name="店铺地址">
                            <setType name="文本框长度">
                                <setVal id="['setting']['size']">50</setVal>
                            </setType>
                            <setType name="默认值">
                                <setVal id="['setting']['defaultvalue']"></setVal>
                            </setType>
                            <!--单选框,下拉-->
                            <setType name="是否为密码框">
                                <setVal id="['setting']['ispassword']" name="否">0</setVal>
                            </setType>
                        </useTPL>
                        <!--默认的模版-->
                        <showTPL name="shop_address">

                            <tr>
                                <th width="80">
                                    {$form['name']}
                                </th>
                                <td> <if condition="$form['star']"> <font color="red">*</font>
                            </if>{$form['form']}{$form['tips']}</td>
                            </tr>

                        </showTPL>

                        <!--*********************************************************************************--> 
                    </table>
                </div>
            </div>
            <div class="btn_wrap" style="z-index:999;text-align: center;">
                <div class="btn_wrap_pd">
                    <input type="hidden" name="ajax" value="1" />
                    <button class="btn btn_submit J_ajax_submit_btn"type="submit">提交</button>
                    <button class="btn J_ajax_close_btn"type="submit">关闭</button>
                </div>
            </div>
            <input type="hidden" name="catid" value="{$catid}"/>
        </form>
    </div>
    <script type="text/javascript" src="/static/common/js/common.js?v"></script>
    <script type="text/javascript" src="/static/common/js/content_addtop.js"></script>
    <script type="text/javascript"> 
        $(function() {
            if ($("#right_box").find("tr").length == 0) {
                $("#right_box").css("display", "none");
            }
            $(".J_ajax_close_btn").on('click', function(e) {
                e.preventDefault();
                Wind.use("artDialog", function() {
                    art.dialog({
                        id: "question",
                        icon: "question",
                        fixed: true,
                        lock: true,
                        background: "#CCCCCC",
                        opacity: 0,
                        content: "您确定需要关闭当前页面嘛？",
                        ok: function() {
                            setCookie("refersh_time", 1);
                            window.close();
                            return true;
                        }
                    });
                });
            });
            Wind.use('validate', 'ajaxForm', 'artDialog', function() {
                //javascript
                    <
                    show_ext type = "formJavascript" / >
                    var form = $('form.J_ajaxForms');
                //ie处理placeholder提交问题
                if ($.browser.msie) {
                    form.find('[placeholder]').each(function() {
                        var input = $(this);
                        if (input.val() == input.attr('placeholder')) {
                            input.val('');
                        }
                    });
                }
                //表单验证开始
                form.validate({
                    //是否在获取焦点时验证
                    onfocusout: false,
                    //是否在敲击键盘时验证
                    onkeyup: false,
                    //当鼠标掉级时验证
                    onclick: false,
                    //验证错误
                    showErrors: function(errorMap, errorArr) {
                        //errorMap {'name':'错误信息'}
                        //errorArr [{'message':'错误信息',element:({})}]
                        try {
                            $(errorArr[0].element).focus();
                            art.dialog({
                                id: 'error',
                                icon: 'error',
                                lock: true,
                                fixed: true,
                                background: "#CCCCCC",
                                opacity: 0,
                                content: errorArr[0].message,
                                cancelVal: '确定',
                                cancel: function() {
                                    $(errorArr[0].element).focus();
                                }
                            });
                        } catch (err) {}
                    },
                    //验证规则
                    rules: < show_ext type = "formValidateRules" / > ,
                    //验证未通过提示消息
                    messages: < show_ext type = "formValidateMessages" / > ,
                    //给未通过验证的元素加效果,闪烁等
                    highlight: false,
                    //是否在获取焦点时验证
                    onfocusout: false,
                    //验证通过，提交表单
                    submitHandler: function(forms) {
                        $(forms).ajaxSubmit({
                            url: form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
                            dataType: 'json',
                            beforeSubmit: function(arr, $form, options) {

                            },
                            success: function(data, statusText, xhr, $form) {
                                if (data.status) {
                                    setCookie("refersh_time", 1);
                                    //添加成功
                                    Wind.use("artDialog", function() {
                                        art.dialog({
                                            id: "succeed",
                                            icon: "succeed",
                                            fixed: true,
                                            lock: true,
                                            background: "#CCCCCC",
                                            opacity: 0,
                                            content: data.info,
                                            button: [{
                                                    name: '继续添加？',
                                                    callback: function() {
                                                        reloadPage(window);
                                                        return true;
                                                    },
                                                    focus: true
                                                }, {
                                                    name: '关闭当前页面',
                                                    callback: function() {
                                                        window.close();
                                                        return true;
                                                    }
                                                }]
                                        });
                                    });
                                } else {
                                    isalert(data.info);
                                }
                            }
                        });
                    }
                });
            });
        });
    </script>
</body>
</html>